<template>
  <div class="produc new">
    <div class="container">
      <div class="area-row-h" style="margin-bottom: 60px">联系我们</div>
      <div class="row">
        <div id="container" v-for="(item, i) in subsidiary" :key="i" class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-4 mb-40 mb-xl-0">
          <div  class="subsidiary">
            <a :href="item.link" target="_blank">
              <p>{{item.showTitle}}：</p>
              <p>{{item.qqNumber}}</p>
            </a>
          </div>
        </div>

      </div>
    </div>
  </div>
</template>

<script>
import api from "@/api/index";
export default {
  name: "contact",
  data() {
    return {
		subsidiary:""
	};
  },

  mounted() {
    api.index().then((res) => {
      this.subsidiary = res.data.data.contactList;
    });
  },
  methods: {},
};
</script>
